<template>
	<view class="">
		<view class="ditu">
			<map style="width:100%;height:100%;" :latitude="latitude" :longitude="longitude" :scale="scale"
				:markers="marker" :show-location="true" @markertap="toMap()">
				<!--此处踩坑问题1：
			@markertap 是点击地图上的标记点时 触发打开地图。
			@tap 是点击地图整体的时候 触发打开地图。
			-->
			</map>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			// return {
			// 	latitude: '', //纬度
			// 	longitude: '', //经度
			// 	marker: [{
			// 		id: 0,
			// 		latitude: '', //纬度
			// 		longitude: '', //经度
			// 		// title: '山东某某有限公司', //标注点名
			// 		alpha: 1, //透明度
			// 	}],
			// 	scale: 14, //地图缩放程度
			// 	address: '',
			// 	}

			return {
				address: '',
				id: 0, // 使用 marker点击事件 需要填写id
				title: 'map',
				latitude: '',
				longitude: '',
				scale: 14, //地图缩放程度
				marker: [{
					latitude: '', //纬度
					longitude: '', //经度
				}]
			}
		},
		onLoad(options) {
			let that = this
			this.marker[0].latitude = options.lat
			this.marker[0].longitude = options.lng
			this.address = options.address
			this.latitude = options.lat
			this.longitude = options.lng
			// lat: res.latitude,
			// lng: res.longitude,
			// uni.chooseLocation({
			// 	success: (res) => {
			// 		console.log("位置名称：" + res.name);
			// 		console.log("详细地址：" + res.address);
			// 		console.log("纬度：" + res.latitude);
			// 		console.log("经度：" + res.longitude);
			// 		this.address = res.address;
			// 		this.latitude = res.latitude;
			// 		this.longitude = res.longitude;
			// 		// this.marker.latitude = res.latitude;
			// 		// this.marker.longitude =res.longitude;
			// 	},
			// });

			// uni.getLocation({
			// 	type: 'gcj02',
			// 	success: function(res) {
			// 		console.log("[获取位置信息]", res)
			// 		const latitude = res.latitude;
			// 		const longitude = res.longitude;
			// 		uni.openLocation({
			// 			latitude: Number(params.latitude),
			// 			longitude: Number(params.longitude),
			// 			name: name, //位置名
			// 			address: address, //地址的详细说明
			// 			success: function(succ) {
			// 				console.log('success', succ);
			// 			},
			// 			fail(err) {
			// 				console.log("[失败]", err)
			// 			}
			// 		});
			// 	}
			// });
		},
		// onShow() {
		// 	uni.getLocation({
		// 		type: 'wgs84',
		// 		geocode: true,
		// 		success: function(res) {
		// 			console.log(res,'88899')
		// 			console.log('当前位置的经度：' + res.longitude);
		// 			console.log('当前位置的纬度：' + res.latitude);
		// 			this.marker.latitude = res.latitude;
		// 			this.marker.longitude =res.longitude;
		// 		}
		// 	});
		// },
		methods: {
			//点击地图上的标记，打开手机内置地图
			toMap() {
				console.log('点击地图')
				uni.openLocation({
					latitude: Number(this.latitude), //要去的纬度-地址
					longitude: Number(this.longitude), //要去的经度-地址
					address: this.address, //要去的具体地址

					//此处踩坑的问题2：
					//latitude 和 longitude的值一定要是number类型。
					//所以传递的时候需要使用Number将其转换一下。
				})
			},
		}
	}
</script>
<style scoped>
	.ditu {
		width: 100%;
		height: 1000rpx;
	}
</style>



<!-- <template>
	<view>
		<view class="page-body">
			<view class="page-section page-section-gap">
				<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
				</map>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			id:0, // 使用 marker点击事件 需要填写id
			title: 'map',
			latitude: 39.909,
			longitude: 116.39742,
			covers: [{
				latitude: 39.909,
				longitude: 116.39742,
			}, {
				latitude: 39.90,
				longitude: 116.39,
			}]
		}
	},
	methods: {

	}
}
</script> -->
